<template>
  <div>
    <el-form
      ref="detailForm"
      :model="detailForm"
      label-width="130px"
      class="form-mb20"
    >
      <el-divider content-position="left">
        <div class="m-title">志愿者团队名称：</div>
      </el-divider>
      <el-row :gutter="10">
        <el-col :span="12">
          <el-form-item label="志愿者团队名称：">
            {{ detailForm.deptName }}
          </el-form-item>
        </el-col>
      </el-row>
      <el-divider content-position="left">
        <div class="m-title">个人信息：</div>
      </el-divider>
      <el-row :gutter="10">
        <el-col :span="12">
          <el-form-item label="姓名：">
            {{ detailForm.name }}
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="性别：">
            <span v-if="detailForm.sex === null">-</span>
            <dict-tag
              v-else
              :options="dict.type.sys_user_sex"
              :value="detailForm.sex"
            ></dict-tag>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="国籍：">
            {{ detailForm.country || "-" }}
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="证件类型：">
            {{ detailForm.cardType || "-" }}
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="证件号：">
            {{ detailForm.cardNum || "-" }}
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="户籍地址：">
            {{ detailForm.address || "-" }}
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="单位：">
            {{ detailForm.company || "-" }}
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="职务：">
            {{ detailForm.post || "-" }}
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="电话：">
            {{ detailForm.mobile || "-" }}
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="申请证件类型：">
            {{ detailForm.applyTypeName || "-" }}
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="人员照片：">
            <div
              v-if="detailForm.picUrl"
              class="demo-image__preview table-avg fl"
            >
              <el-image
                :src="detailForm.picUrl"
                :preview-src-list="[detailForm.picUrl]"
              >
              </el-image>
            </div>
            <span v-else>暂无图片</span>
          </el-form-item>
        </el-col>
      </el-row>
      <el-form-item label="审核结果：">
        <span v-if="detailForm.status === 0" class="gray">待审核</span>
        <span v-if="detailForm.status === 1" class="green">市级通过</span>
        <span v-if="detailForm.status === 2" class="red">市级驳回</span>
        <span v-if="detailForm.status === 3" class="green">省级通过</span>
        <span v-if="detailForm.status === 4" class="red">省级驳回</span>
      </el-form-item>
      <el-form-item label="审核意见：">
        <span v-if="detailForm.status === 0"> -</span>
        <span v-if="detailForm.status === 1 || detailForm.status === 2">
          {{ detailForm.cityInfo || "-" }}
        </span>
        <span v-if="detailForm.status === 3 || detailForm.status === 4">
          {{ detailForm.auditInfo || "-" }}
        </span>
      </el-form-item>
      <el-form-item label="审核人：">
        <span v-if="detailForm.status === 0"> -</span>
        <span v-if="detailForm.status === 1 || detailForm.status === 2">
          {{ detailForm.cityBy || "-" }}
        </span>
        <span v-if="detailForm.status === 3 || detailForm.status === 4">
          {{ detailForm.auditBy || "-" }}
        </span>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
export default {
  props: {
    detailForm: Object,
  },
  dicts: ["sys_user_sex"],
  data() {
    return {};
  },

  methods: {},
};
</script>
